<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <meta name="format-detection" content="telephone=no"/>
    #parse("/h5/common/webWords.html")
    <link rel="stylesheet" type="text/css" href="http://${staticHost}/css/component.css"/>
    <script type="text/javascript" src="http://${staticHost}/js/jquery2.js"></script>
    <script type="text/javascript" src="http://${staticHost}/js/modernizr.custom.js"></script>
    <script type="text/javascript" src="http://${staticHost}/js/jquery.dlmenu.js"></script>
    <script src="http://${staticHost}/js/TouchSlide.js"></script>
    <link rel="stylesheet" type="text/css" href="http://${staticHost}/css/medioadaption.css"/>
    <link rel="stylesheet" type="text/css" href="http://${staticHost}/css/stcss.css"/>
    #parse("/h5/common/css.html")
    <script type="text/javascript">
        $(document).ready(function () {
            function add0(m) {
                return m < 10 ? '0' + m : m
            };

            function getDate(tm) {
                //shijianchuo是整数，否则要parseInt转换
                var time = new Date(tm);
                var y = time.getFullYear();
                var m = time.getMonth() + 1;
                var d = time.getDate();
                var h = time.getHours();
                var mm = time.getMinutes();
                var s = time.getSeconds();
                return y + '-' + add0(m) + '-' + add0(d);
            }

            $(".moreNews").click(function () {
                var _this = $(this);
                var sign = _this.attr('sign');
                var num = _this.attr('num');
                num = num * 1 + 1;
                $.ajax({
                    type: 'post',
                    url: '${requestHost}/public/moreNews',
                    contentType: 'application/x-www-form-urlencoded; charset=utf-8',
                    data: {
                        sign: sign,
                        num: num,
                        parentId: 10
                    },
                    success: function (result) {
                        var newsList = result.result;
                        var newsJson = eval("(" + newsList + ")");
                        $.each(newsJson, function (i, val) {
                            var title = val.title;
                            if (title.length > 40) {
                                title = title.substring(0, 40) + '...';
                            }
                            if ('新闻公告' == val.name) {
                                $("#mxNewsLi").append("<li><dl><div class=context_div><span><a href=/public/viewNews?source=mxdxIndex&articleId=" + val.id + "&parentName=" + val.name + "><div class=contextDiv>" + title + "</div></a></span></div></dl></li>");
                                _this.attr('num', num);
                            }
                            if ('通知公告' == val.name) {
                                $("#noticeLi").append("<li><dl><div class=context_div><span><a href=/public/viewNews?source=mxdxIndex&articleId=" + val.id + "&parentName=" + val.name + "><div class=contextDiv>" + title + "</div></a></span></div></dl></li>");
                                _this.attr('num', num);
                            }
                            if ('招生信息' == val.name) {
                                $("#enrollmentLi").append("<li><dl><div class=context_div><span><a href=/public/viewNews?source=mxdxIndex&articleId=" + val.id + "&parentName=" + val.name + "><div class=contextDiv>" + title + "</div></a></span></div></dl></li>");
                                _this.attr('num', num);
                            }
                            if ('诚聘英才' == val.name) {
                                $("#developmentLi").append("<li><dl><div class=context_div><span><a href=/public/viewNews?source=mxdxIndex&articleId=" + val.id + "&parentName=" + val.name + "><div class=contextDiv>" + title + "</div></a></span></div></dl></li>");
                                _this.attr('num', num);
                            }
                            if ('专家讲师' == val.name) {
                                $("#studentUnionLi").append("<a href=/public/viewNews?source=mxdxIndex&articleId=" + val.id + "&parentName=" + val.name + "><img style='max-height: 135px; max-width: 100px; vertical-align:middle;' src=${imageHost}" + val.articleImg + " /><span style=font-size:16px;>" + title + "</span></a>");
                                _this.attr('num', num);
                            }
                        });
                    }
                });
            });
        });
    </script>
    <style type="text/css">
        .scroll_box_more a:hover {
            background-color: #eeeeee;
            color: #666666;
        }

        .zs_news2 li {
            background: url('');
        }

        .kecheng li dl dt {
            background: url('');
        }

        .context_div {
            width: 90%;
            margin: 0px 0px 0px 15px;
        }

        .context_div span {
            color: #666666;
            font-size: 16px;
            width: 100%;
        }

        .text {
            width: 40px;
            vertical-align: top;
        }

        /*.indexImg{*/
        /*height:180 px;*/
        /*width: 100 px;*/
        /*vertical-align:middle;*/
        /*}*/
    </style>
</head>
<body>
<div>
    <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
           value="/wEPDwUKMTQ4NDMwODIxOQ9kFgICAQ9kFgQCBg8WAh4HY29udGVudAU75qKm5oOz5aSn5a2mLS0tIOaxh+mbhuWFqOeQg+S/oeaBr+efpeivhiDmnI3liqHmoqbmg7Pov73msYJkAgcPFgIfAAU65qKm5oOz5aSn5a2mLS0t5rGH6ZuG5YWo55CD5L+h5oGv55+l6K+GIOacjeWKoeaipuaDs+i/veaxgmRkU1CPJ6woJcCQ/tXXRMEafaTdRTM="/>
</div>
<div>
    <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="90059987"/>
</div>
<div class="head clear">
    <div class="logo"><img src="http://${staticHost}/images/mxzxlogo.png" style=" width: 135px;height: auto;padding-top: 12px;padding-left: 5px;"/></div>
</div>
#parse("/h5/common/rightMenu.html")
<script type="text/javascript">
    $(function () {
        $('#dl-menu').dlmenu();
    });
</script>
<div class="banner clear">
    <div class="sliderbox" id="sliderbox1">
        <div class="bd">
            <div class="tempWrap">
                <ul>
                    #foreach($mxzx in $mxzxList)
                    <li><a class="pic"><img src="${imageHost}$mxzx.articleImg"/></a></li>
                    #end
                </ul>
            </div>
        </div>
        <div class="hd">
            <ul>
                <li class="on"></li>
                <li></li>
                <li></li>
            </ul>
        </div>
        <script src="http://${staticHost}/js/slider1.js"></script>
    </div>
</div>

<div class="mbox clear">
    <div class="clear">
        <div class="scroll_box" id="scroll_img">
            <ul class="scroll_wrap">
                <li>
                    <a href="/public/jxjyIndex"><img src="http://${staticHost}/images/y03.png"/><span>学历学位</span></a>
                    <a href="/edu/static/jumpOther?jumpType=2&collegeId=20"><img src="http://${staticHost}/images/y04.png"/><span>职业学院</span></a>
                    <a href="/edu/static/jumpOther?jumpType=1"><img src="http://${staticHost}/images/y02.png"/><span>人脉合作</span></a>
                    <a href="/edu/static/jumpOther?jumpType=2&collegeId=50"><img src="http://${staticHost}/images/y08.jpg"/><span>考培学院</span></a>
                    <!--<a href="javascript:void(0)"><img src="http://${staticHost}/images/y06.png"/><span>招聘求职</span></a>-->
                </li>
                <li>
                    <a href="/edu/static/jumpOther?jumpType=2&collegeId=40"><img src="http://${staticHost}/images/y07.png"/><span>创业学院</span></a>
                    <a href="/edu/static/jumpOther?jumpType=2&collegeId=60"><img src="http://${staticHost}/images/y01.png"/><span>商学院</span></a>
                    <a href="/personnelWork/public/personnelIndex"><img src="http://${staticHost}/images/y06.png"/><span>招聘求职</span></a>
                    <a href="/edu/static/jumpOther?jumpType=2&collegeId=30"><img src="http://${staticHost}/images/y05.png"/><span>培训学院</span></a>
                </li>
            </ul>
        </div>
        <ul class="scroll_positions" id="scroll_positions">
            <li class="on"><a href="javascript:void(0);">1</a></li>
            <li><a href="javascript:void(0);">2</a></li>
        </ul>
    </div>
    <script src="http://${staticHost}/js/hhSwipe.js"></script>
    <script>
        var slider = Swipe(document.getElementById('scroll_img'), {
            auto: 5000,
            continuous: true,
            callback: function (pos) {
                var i = bullets.length;
                while (i--) {
                    bullets[i].className = ' ';
                }
                bullets[pos].className = 'on';
            }
        });
        var bullets = document.getElementById('scroll_positions').getElementsByTagName('li');
        $(function () {
            $('.scroll_position_bg').css({
                width: $('#scroll_position').width()
            });
        });

        var sliders = Swipe(document.getElementById('scroll_imgfl'), {
            auto: 5000,
            continuous: true,
            callback: function (poss) {
                var h = bulletss.length;
                while (h--) {
                    bulletss[h].className = ' ';
                }
                bulletss[poss].className = 'on';
            }
        });
        var bulletss = document.getElementById('scroll_positions').getElementsByTagName('li');
        $(function () {
            $('.scroll_position_bgs').css({
                width: $('#scroll_positions').width()
            });
        });
    </script>
</div>

<div class="mbox">
    <div class="mtits clear">
        <span>梦想在线</span>
        <em>/ news</em>
    </div>
    <div class="mx_news">
        <ul>
            #if(!$headerMxNews.title)#else
            <a href="/public/viewNews?source=mxdxIndex&articleId=$headerMxNews.id&parentName=$headerMxNews.name"><img
                    src="${imageHost}$headerMxNews.articleImg"/></a>
            <li><span id="headerMxNewsSpan"><a
                    href="/public/viewNews?source=mxdxIndex&articleId=$headerMxNews.id&parentName=$headerMxNews.name"
                    id="headerMxNewsText">#if($headerMxNews.title.length()>20)$headerMxNews.title.substring(0,20)...#else$headerMxNews.title#end</a></span>
            </li>
            #end
        </ul>
    </div>
    <div class="kecheng clear">
        <ul id="mxNewsLi">
            #foreach($news in $mxNewsList)
            #if(!$news.title)#else
            <li>
                <dl>
                    <div class="context_div">
						  <span>
							  <a href=/public/viewNews?source=mxdxIndex&articleId=$news.id&parentName=$news.name>
								  <div class="contextDiv">#if($news.title.length()>40)$news.title.substring(0,40)...#else$news.title#end</div>
							  </a>
						  </span>
                    </div>
                </dl>
            </li>
            #end
            #end
        </ul>
    </div>
    <div class="scroll_box_more"><a onclick=return false disabled class="moreNews" sign="新闻公告" num="1">点击查看更多</a></div>
</div>

<div class="mbox">
    <div class="mtits clear"><span>通知公告</span><em>/ notice</em></div>
    <div class="mx_news">
        <ul>
            #if(!$headerNotice.title)#else
            <li>
                <a href="/public/viewNews?source=mxdxIndex&articleId=$headerNotice.id&parentName=$headerNotice.name">
                    <img src="${imageHost}$headerNotice.articleImg"/>
                </a>
                <span>
					  <a href="/public/viewNews?source=mxdxIndex&articleId=$headerNotice.id&parentName=$headerNotice.name">#if($headerNotice.title.length()>20)$headerNotice.title.substring(0,20)...#else$headerNotice.title#end</a>
				  </span>
            </li>
            #end
        </ul>
    </div>
    <div class="kecheng clear">
        <ul id="noticeLi">
            #foreach($notice in $noticeList)
            #if(!$notice.title)#else
            <li>
                <dl>
                    <div class="context_div">
							<span>
								<a href=/public/viewNews?source=mxdxIndex&articleId=$notice.id&parentName=$notice.name>
									<div class="contextDiv">#if($notice.title.length()>40)$notice.title.substring(0,40)...#else$notice.title#end</div>
								</a>
							</span>
                    </div>
                </dl>
            </li>
            #end
            #end
        </ul>

    </div>
    <div class="scroll_box_more"><a onclick=return false disabled class="moreNews" sign="通知公告" num="1">点击查看更多</a></div>
</div>

<div class="mbox">
    <div class="mtits clear"><span>招生信息</span><em>/ Enrollment</em></div>
    <div class="mx_news">
        <ul>
            #if(!$headerEnrollment.title)#else
            <li>
                <a href="/public/viewNews?source=mxdxIndex&articleId=$headerEnrollment.id&parentName=$headerEnrollment.name">
                    <img src="${imageHost}$headerEnrollment.articleImg"/>
                </a>
                <span>
					  <a href="/public/viewNews?source=mxdxIndex&articleId=$headerEnrollment.id&parentName=$headerEnrollment.name">#if($headerEnrollment.title.length()>20)$headerEnrollment.title.substring(0,20)...#else$headerEnrollment.title#end</a>
				  </span>
            </li>
            #end
        </ul>
    </div>
    <div class="kecheng clear">
        <ul id="enrollmentLi">
            #foreach($enrollment in $enrollmentList)
            #if(!$enrollment.title)#else
            <li>
                <dl>
                    <div class="context_div">
								<span>
									<a href=/public/viewNews?source=mxdxIndex&articleId=$enrollment.id&parentName=$enrollment.name>
										<div class="contextDiv">#if($enrollment.title.length()>40)$enrollment.title.substring(0,40)...#else$enrollment.title#end</div>
									</a>
								</span>
                    </div>
                </dl>
            </li>
            #end
            #end
        </ul>
    </div>
    <div class="scroll_box_more"><a onclick=return false disabled class="moreNews" sign="招生信息" num="1">点击查看更多</a></div>
</div>

<div class="mbox">
    <div class="mtits clear"><span>诚聘英才</span><em>/ join us</em></div>
    <div class="mx_news">
        <ul>
            #if(!$headerDevelopment.title)#else
            <li>
                <a href="/public/viewNews?source=mxdxIndex&articleId=$headerDevelopment.id&parentName=$headerDevelopment.name">
                    <img src="${imageHost}$headerDevelopment.articleImg"/>
                </a>
                <span>
					<a href="/public/viewNews?source=mxdxIndex&articleId=$headerDevelopment.id&parentName=$headerDevelopment.name">#if($headerDevelopment.title.length()>20)$headerDevelopment.title.substring(0,20)...#else$headerDevelopment.title#end
				</a>
				</span>
            </li>
            #end
        </ul>
    </div>
    <div class="kecheng clear">
        <ul id="developmentLi">
            #foreach($development in $developmentList)
            #if(!$development.title)#else
            <li>
                <dl>
                    <div class="context_div">
							<span>
								<a href=/public/viewNews?source=mxdxIndex&articleId=$development.id&parentName=$development.name>
									<div class="contextDiv">#if($development.title.length()>40)$development.title.substring(0,40)...#else$development.title#end</div>
								</a>
							</span>
                    </div>
                </dl>
            </li>
            #end
            #end
        </ul>

    </div>
    <div class="scroll_box_more"><a onclick=return false disabled class="moreNews" sign="诚聘英才" num="1">点击查看更多</a></div>
</div>
#parse("/h5/common/recordBottom.html")
</body>
</html>
